<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{margin:0;padding:0;}
			li{list-style: none;}
		
			
			
			#logo{height:150px;display: flex;border-bottom:4px solid #FF6700;position:relative;}
			#logo a{text-decoration: none;margin-left:30px;}
			#logo a.name{position:absolute;right:120px;top:100px;}
			#logo i{position: absolute;right:160px;top:100px;font-style:normal;font:800 16px/2 "";}
			#logo a.name img{width:30px;}
			#logo ul{height:150px;width:200px;color:#fff;}
			#logo  a ul li{float:left;font:900 70px/150px "";font-style: italic;text-shadow: 8px 8px 10px #000;}
			#logo span{align-self: center;}
			#logo span p{font:900 40px/50px "";margin-left:30px;color:#333;}
			#logo span b{font:800 14px/1 "";margin-left:30px;color:#303030;}
			
			
			#car table{width:1200px;margin:20px auto;}
		    #car table{border-collapse: collapse;border:2px solid #000;box-shadow: 1px 1px 4px #000;}
			#car table th,tr,td{border:1px solid #000;}
			#car table th{width:70px;height:60px;}
			#car table th span{display:inline-block;width:15px;height:15px;border:1px solid #000;vertical-align: middle;margin-right:10px;}
			#car table td{text-align: center;}
			#car table td span{display:inline-block;width:15px;height:15px;border:1px solid #000;vertical-align: middle;}
			#car table td input{margin:0 0;height:40px;width:80px;}
			#car table td img{width:120px;display:block;margin:0 auto;}
		
			#add{width:1200px;height:80px;box-shadow: 0px -2px 9px #000;margin:20px auto;display:flex;
			flex-direction: row-reverse;align-items: center;}
			#add input{margin-right: 60px;width:100px;height:40px;border-radius: 20px;border:0;background:#FF6700;color:#fff;box-shadow: 0 0 6px #000;margin-left:60px;}
			#add span {font:24px/1 "";color:#FF6700;}
			#add span i{font-style:normal;}
		</style>
	</head>
	<body>
		<div id="logo">
			<a href="">
				<ul>dwdw
					<li style="color:#FDCD45">L</li>
					<li style="color:#FF3E42">D</li>
					<li style="color:#EB37CF">A</li>
					<li style="color:#4ADE57">Y</li>
				</ul>
			</a>
			<span><p>我的购物车</p><b>让所有人都哎呦一下！</b></span>
			<i></i>
			<a href="http://localhost/lidu_project/htmls/landing/landing.html"  target="_self" class="name"><img src="../../static/goodsCar/退出.png" alt=""></a>
		</div>
		<div id="car">
			<table >
				<thead>
					<th><span></span>全选</th>
					<th>商品名</th>
					<th>图片</th>
					<th>单价</th>
					<th>数量</th>
					<th>总价</th>
					<th>操作</th>
				</thead>
				<tbody>
					<tr>
						<td><span></span></td>
						<td>小米</td>
						<td><img src="../../static/index/goods/a.webp" alt=""></td>
						<td>3999</td>
						<td><input type="number" value="0" min=0></td>
						<td>0</td>
						<td>移出</td>
					</tr>
					
				</tbody>
			</table>
			
			<div id="add">
				 <input type="button" value="结算" id="btn"> <span><b>总计:</b><i>0</i></span>
			</div>
		</div>
	</body>
	<script src="../../js/landing/jquery.js"></script>
	<script src="../../js/login/ajaxPromise.js"></script>
	<script src="../../js/landing/landing.js"></script>
	<script src="../../js/goodsCar/goodsCar.js"></script>
</html>
